/* ---------------------------------------------------------------------
 * 描述：重置默认样式
 * --------------------------------------------------------------------- */
// stylelint-disable selector-list-comma-newline-after

// 更改所有元素的盒子模型
*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  position: relative;
  min-height: 100%;
  line-height: 1.15;
  font-size: 20px;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
  min-height: 100%;
  line-height: $line-height-default;
  margin: 0;
  font-family: $font-family-default;
  font-size: $font-size-default;
  color: $color-text-main;
  text-align: left;
  word-break: break-word;
  background-color: $color-bg-body;
}

// 外边距重置
h1, h2, h3, h4, h5, h6, ul, ol, p {
  margin: 0;
  font-size: inherit;
}

// 内边距重置
ul, ol {
  padding: 0;
}

// 字体大小重置
h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
}

// IE9 Shims
article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section {
  display: block;
}

input,
button,
select,
optgroup,
textarea {
  line-height: inherit;
  margin: 0;
  font-family: inherit;
  font-size: inherit;
}

input:focus,
textarea:focus,
select:focus {
  outline: none;
}

img {
  vertical-align: middle;
  border-style: none;
}

li {
  list-style: none;
}

a {
  color: inherit;
  text-decoration: none;
  cursor: pointer;
}

table {
  border-spacing: 0;
  border-collapse: collapse;
}

// 重置表单元素点位符颜色
// stylelint-disable
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: $color-text-placeholder !important;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
  color: $color-text-placeholder !important;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: $color-text-placeholder !important;
}

input::placeholder,
textarea::placeholder {
  color: $color-text-placeholder !important;
}

// 图标
.tw-ico {
  box-sizing: content-box;
  padding: 1px;
  display: inline-block;
  vertical-align: middle;
  background-image: url("~@images/icons.png");
  background-origin: padding-box;
  background-repeat: no-repeat;
}

.tw-ico.xwrap {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* 演示图标 */
.tw-ico.xname {
  width: 16px;
  height: 16px;
  line-height: 16px;
  white-space: nowrap;
  background: #ccc;
}

.tw-ico.xname:before {
  content: "ico";
  display: inline-block;
  font-size: 12px;
  transform: scale(.85);
}
